<!--排行榜-规则-->
<template>
	<view class="hdtybox" style="padding-top: 0;" :class="hdc">
		<topboxVue :tit="$t('Rules')"></topboxVue>
		<view class="gzbox">
			<view class="f30 fwb mb10">
				{{$t("Rules.t1")}}
			</view>
			<view class="gzbox-listbox tc mb20">
				<view class="bj_around f28 mb40">
					<view class="w33">
						{{$t("Rules.th1")}}
					</view>
					<view class="w33">
						{{$t("Rules.th2")}}
					</view>
					<view class="w33">
						{{$t("Rules.th3")}}
					</view>
				</view>
				<view class="bj_around f24 c9c mb40">
					<view class="w33">
						1
					</view>
					<view class="w33">
						10%
					</view>
					<view class="w33">
						10%
					</view>
				</view>
			</view>
			<view class="f30 fwb mb20">
				{{$t("Rules.t2")}}
			</view>
			<view class="f24 fwb mb20 c9c">
				{{$t("Rules.t3")}}
			</view>
		</view>



	</view>
</template>

<script setup>
	import {
		ref,
		inject,
		provide
	} from 'vue';
	import useI18n from '@/store/useI18n.js'
	import topboxVue from '../common/topbox.vue';
	const {
		t
	} = useI18n()
	provide("repage", repage);
	// 父级关闭活动的方法
	const clhd = inject("clhd");
	let hdc = ref("hdpagein")

	function repage() {
		hdc.value = "hdpageout";
		clhd();
	}
</script>

<style scoped lang="scss">
	.gzbox {
		padding: 30rpx 14rpx;

		&-listbox {
			background: #00561D;
			border-radius: 20rpx;
			padding: 42rpx 0;
			
		}
	}
</style>